<template>
  <div>
    <div class="dingweidaohang">
      <div class="ball_btn">
        <img src="../assets/imgs/home/ball_btn.png" alt="" />
      </div>

      <div class="payment">付款方式</div>
      <div>
        <div class="weixin">
          <img src="../assets/imgs/home/weixin.png" alt="" />
          <p>微信账户</p>
        </div>
      </div>
      <div>
        <div class="zhifubao">
          <img src="../assets/imgs/home/zhifubao.png" alt="" />
        </div>
        <p class="zhifubao_p">支付宝账户</p>
      </div>
      <div class="lianjie">
       <router-link :to="{ path: '/about_a#pay', name: 'pay',}" >
            其他付款方式
          </router-link>
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>
.ball_btn {
  position: absolute;
  top: 236px;
  left: -87px;
}
.ball_btn img {
  height: 2.166667rem;
  width: 6rem;
}
.dingweidaohang {
  z-index: 99;
  background: url("../assets/imgs/home/aside_bg.png");
  width: 28px;
  height: 560px;
  position: fixed;
  top: 205px;
  right: 0px;
  border-bottom-left-radius: 35px;
  float: right;
  transition: 0.5s;
}
.ball_btn:hover.dingweidaohang {
  width: 280px;
}
.dingweidaohang:hover {
  width: 280px;
}
.dingweidaohang:hover p{
    display: block;
}
.payment {
  width: 100px;
  height: 29px;
  font-size: 25px;
  color: #5095ed;
  font-weight: bold;
  /* margin: auto; */
  position: absolute;
  top: 38px;
  left: 101px;
}
.weixin {
  position: absolute;
  top: 95px;
  left: 69px;
}

.weixin p {
  font-size: 24px;
  position: absolute;
  top: 111%;
  left: 20%;
  color: #fff;
}
.weixin img {
  width: 143px;
  height: 143px;
}
.chanpingmokuai_p {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 260px;
  left: 96px;
  font-size: 24px;
}
.zhifubao {
  position: absolute;
  top: 303px;
  left: 70px;
}
.zhifubao img {
  width: 143px;
  height: 143px;
}
.zhifubao_p {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 459px;
  left: 86px;
  font-size: 24px;
  color: #fff;
  display: none;
}

a {
  position: absolute;
  top: 511px;
  left: 95px;
  color: aliceblue;
}
.lianjie a p{
    display: none;
}
</style>